﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>添加地址</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no, viewport-fit=cover" />
		<link href="phoneContent/plugin/mui/css/mui.css?versionN=1" rel="stylesheet" />
		<link rel="stylesheet" href="phoneContent/plugin/mui/css/icons-extra.css?versionN=1" />
		<link rel="stylesheet" type="text/css" href="phoneContent/font/iconfont.css?versionN=1"/>
		<link rel="stylesheet" type="text/css" href="phoneContent/plugin/mui/css/mui.poppicker.css?versionN=1"/>
		<link rel="stylesheet" type="text/css" href="phoneContent/plugin/mui/css/mui.picker.css?versionN=1"/>
		<link rel="stylesheet" type="text/css" href="phoneContent/css/style.css?versionN=1" />
		<script src="phoneContent/js/jquery-3.3.1.js?versionN=1" type="text/javascript" charset="utf-8"></script>
		<script src="phoneContent/js/vue.js?versionN=1" type="text/javascript" charset="utf-8"></script>
		<script src="phoneContent/plugin/mui/js/mui.js?versionN=1" type="text/javascript" charset="utf-8"></script>
		<script src="phoneContent/js/foot.js?versionN=1" type="text/javascript" charset="utf-8"></script>
		<script src="phoneContent/js/base.js?versionN=1" type="text/javascript" charset="utf-8"></script>
		<script src="phoneContent/pageJS/addNewAddr.js?versionN=1" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.mui-input-row select{
				font-size: 12px;
			}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav bgRed">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">添加地址</h1>
		</header>
		<div class="mui-content addAddrBox" id="content" v-cloak>
		    <ul class="mui-table-view">
	            <li class="mui-table-view-cell">
	                <div class="mui-input-row"><label>收货人</label> <input v-model="accepterMsg.AccepterName" type="text" placeholder="请输入收货人姓名"></div>
	            </li>
	            <li class="mui-table-view-cell">
	                <div class="mui-input-row"><label>联系电话</label> <input type="text" v-model="accepterMsg.AccepterTel" maxlength="11" placeholder="请输入联系电话" data-input-clear="5" class="mui-input-clear"><span class="mui-icon mui-icon-clear mui-hidden"></span></div>
	            </li>
	            <li class="mui-table-view-cell">
	                <div class="mui-input-row"><label>省</label> 
	                	<select name="pro" @change="getCity()" v-model="proCode">
							<!--<option value="">请选择</option>-->
							<option v-for="item in proList" :value="item.Code || ''">{{item.Name}}</option>
						</select>
	                	<span class="mui-icon mui-icon-clear mui-hidden"></span>
	                </div>
	            </li>
	            <li class="mui-table-view-cell">
	                <div class="mui-input-row"><label>市</label> 
	                	<select name="pro" @change="getArea()" v-model="cityCode">
							<option v-if="cityList.length == 0" value="">-请选择-</option>
							<option v-for="item in cityList" :value="item.Code || ''">{{item.Name}}</option>
						</select>
	                	<span class="mui-icon mui-icon-clear mui-hidden"></span>
	                </div>
	            </li>
	            <li class="mui-table-view-cell">
	                <div class="mui-input-row"><label>区</label> 
	                	<select name="pro" v-model="areaCode">
							<option v-if="cityList.length == 0" value="">-请选择-</option>
							<option v-for="item in areaList" :value="item.Code || ''">{{item.Name}}</option>
						</select>
	                	<span class="mui-icon mui-icon-clear mui-hidden"></span>
	                </div>
	            </li>
	            
	            <li class="mui-table-view-cell">
	                <div class="mui-input-row"><label>街道</label> <input type="text" v-model="accepterMsg.Street" placeholder="详细地址" data-input-clear="5" class="mui-input-clear"><span class="mui-icon mui-icon-clear mui-hidden"></span></div>
	            </li>
	            <li class="mui-table-view-cell">
	                <div class="mui-input-row mui-checkbox"><label class="mui_default">设为默认地址</label> <input name="radio1" id="Isdefault" type="checkbox"></div>
	            </li>
	        </ul>
	        <a @click="addNewAddress" class="mui-btn mui-btn-block mui-btn-primary sureBtn">保存地址</a>
		</div>
		<input type="hidden" class="tabShow" name="" id="" value="4" />
	</body>
</html>
